<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@page import="com.nk.system.beans.*, java.util.*" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>หน้าหลัก</title>

<style type="text/css">
#t-body {
   width:1000px;/*ขนาดความกว้างของเพจ*/
   margin:0px auto;
}
#header{
	margin:0 0 10 0;
	/*padding:10px;*/
	height:auto;
	width:auto;
	background-color:white;
	border-bottom: solid 0.5px #FFFF99;
}/* margin: บน ขวา ล่าง ซ้าย; ตามเข็มนาฬิกาครับ*/
#header2{
	float:right;
	margin:0 0 10 0;
	/*padding:10px;*/
	height:auto;
	width:100%;
	background-color: #FFFFCC;
	border-bottom: solid 1px #FFFF99;
}
#left{
	float:left;
	width:70%;
	margin:0 0 10px 0;
	height:950px;
	background-color: white;
}
#right{
	float:right;
	width:30%;
	margin:0 0 10px 0;
	height:950px;
	background-color: white;
}
#content{
	float:right;
	width:590px;
	margin:0 0 10px 10px;
	height:200px;
	background-color:#00FFCC;
}
#footer{
	clear:both;
	padding:20px;
	height:40px;
	background-color:#00FF00;
}
#menu{
     padding:0;
     margin:0; 
     position:relative;
}
#menu ul{
     padding:0; 
     margin:0; 
     list-style:none; 
     float:left; 
}
#menu ul li{
     height:auto;
     padding:0 0 0 10px; 
     margin:0 5px 0 0; 
     display:block; 
     float:left; 
     background:url("images/submenu-l.gif") no-repeat left;
}
#menu ul li a{
     width:auto;
     height:auto; 
     padding:0px 21px 0 10px; 
     margin:0; 
     float:left; 
     font:bold 13px/24px Tahoma, Verdana, sans-serif; 
     color:#7A6B44; 
     text-align:center; 
     text-decoration:none; 
     background:url("images/submenu-r.gif") no-repeat right; 
}
#menu ul li a:hover{
     text-decoration:underline;
}
#menu ul li.current{
     margin:0 5px 0 0;
     display:block; 
     float:left; 
     font:bold 13px/24px Tahoma, Verdana, sans-serif; 
     color:#fff; 
      background:url(images/submenu-active-l.gif) no-repeat left; 
}
#menu ul li.current span{
     padding:0px 21px 0 10px; 
     margin:0; 
     display:block; 
     float:left; 
      background:url(images/submenu-active-r.gif) no-repeat right; 
}
</style>

</head>
<body bgcolor="gray">
	<form action="MainServlet" method="POST">
	<div id="t-body">
		<div id="header">
			<div class="logo-img">
        		<img src="images/new3.png" style="width: 1000px;height: 200px " id="logo" />
    		</div>
		</div>
		<div id="header2">
    		<div id="menu">
    			<ul>
        			<li class="current"><span>หน้าแรก</span></li>
        			<li><a href="BachelorServlet2">ปริญญาตรี</a></li>
        			<li><a href="MasterServlet2">ปริญญาโท</a></li>
        			<li><a href="DoctorServlet2">ปริญญาเอก</a></li>
        			<li><a href="WebboardServlet">กระดานสนทนา</a></li>
        			<li><a href="ContactServlet">ติดต่อเรา</a></li>
    			</ul>
			</div>
		</div>
		</form>
		<div id="left">
			<br><br>
			<center>
					<div align="left" style="height: 100%;width:90%; background-color: lightyellow;">
						<center>
							<div align="left" style="height: 100%;width:90%; background-color: lightyellow;">
							<table>
								<tbody>
									<tr>
										<td>
											<a style="font-size: x-large; color: navy;">ComGuide  คืออะไร?</a><br><br>
											<a style="font-size: medium;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;ComGuide : เป็นเว็บไซต์การให้ข้อมูลเพื่อสนับสนุนการตัดสินใจแก่ผู้ใช้โดยเหมาะสมสำหรับผู้ที่จะศึกษาต่อในระดับอุดมศึกษา หลักสูตร คอมพิวเตอร์ ทั้งในระดับปริญญาตรีโทและปริญญาเอก ภายในเว็บไซต์มีการให้ข้อมูลที่เกี่ยวข้องและการประเมินโอกาสเข้าศึกษา สำหรับผู้ที่จะศึกษาต่อในระดับปริญญาตรีในระบบ admission ComGuide สามารถมีข้อมูลที่เพียงพอที่จะช่วยผู้ใช้ตัดสินใจ</a>
										</td>
										<td>
											<br>
											<img src="images/logo2.jpg" id="logo2" style="height: 5cm; width:5cm;" />
										</td>
									</tr>
									<tr>
										<td>
											<form action="SignupServlet" method="post">
												<br><center><input name="predict" style="background-color: orange; height: 30px; color: white; font-size: medium;" type="submit" value="สมัครสมาชิก"></center>
											</form>
										</td>
										<td></td>
									</tr>
								</tbody>
							</table>
							<br>
						</div>
					</center>
				</div>
				<br><br>
				<div align="left" style="height: 90%; width:80%; background-color: white;">
					<img src="images/pic.jpg" style="width: 100%;height: 100% "/>
				</div>
			</center>
		</div>
		<div id="right">
			<br><br>
			<center>
				<table border="1" bordercolor="yellow" bgcolor="lightyellow">
					<tbody>
						<tr>
							<td colspan="2" width="90%"><p style="font-size: mediam;"><b>10 มหาวิทยาลัยที่มีผู้สนใจมากที่สุด</b></p></td>
						</tr>
						<% List<ToptenBean> nameList = (List<ToptenBean>)request.getAttribute("nameList"); 
								int i=1;
								for(ToptenBean name:nameList){
						%>
						<tr>
							<td width="10%"><%= i %></td>
							<td width="90%" align="left"><%= name.getUniversity()%></td>
						</tr>
						<% 
							i++;
							} 
						%>
					</tbody>
				</table>
			</center>
		</div>
	</div>
</body>
</html>